﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Ajax demo - HOBA projects</title>
        <meta http-equiv="Content-Language" content="en-us" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="author" content="HOBA team - Ibelis corp" />
		<meta name="description" content="HOBA projects" />
		<meta name="keywords" content="ajax, jquery, javascript, news, ibelis, hoba, hat cat, uit, is, tran thanh tung" />
		<meta name="robots" content="index, follow" />
	    <meta name="Googlebot" content="archive" />
	    <meta http-equiv="cache-control" content="public" />
        <link rel="Stylesheet" href="../css/AjaxDemo.css" />
        <script type="text/javascript" src="../scripts/jquery.js"></script>
        <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" src="../fancybox/jquery.easing-1.4.pack.js"></script>
        <link rel="stylesheet" href="../fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script type="text/javascript" src="../tinymce/tiny_mce.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#link_a1").fancybox({
                    'overlayShow': false,
                    'transitionIn': 'elastic',
                    'transitionOut': 'elastic',
                    'type': 'iframe',
                    'autoScale': true,
                    'width': '100%',
                    'height': '100%'
                });

                $("#link_a2").fancybox({
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type': 'iframe',
                    'autoScale': true,
                    'width': '100%',
                    'height': '100%'
                });

                $("#link_a3").fancybox({
                    'opacity': true,
                    'overlayShow': false,
                    'transitionIn': 'elastic',
                    'transitionOut': 'none',
                    'type': 'iframe',
                    'autoScale': true,
                    'width': '100%',
                    'height': '100%'
                });

                $("#link_a4").fancybox({
                    'type': 'iframe',
                    'autoScale': true,
                    'width': '100%',
                    'height': '100%'
                });
        });
        </script>
        <div class="header">
            <h1>HOBA project - Ajax demo using jQuery</h1>
        </div>
        
        <div class="rearpanel">
        </div>
        
        <div class="mainpanel">
            <div id="article_1" class="article">
                <img src="../images/ibelis_logo.png" alt="ibelis_logo" class="left" style="width: 130px; height: 66px" />
                <div class="articleheader"><a href="NewsReader.aspx?f=news_1_xml" id="link_a1">Ibelis Coporation - Bringing Sense to Businesses.</a></div>
                <div class="articleleftscripts">01-202011 10:37:00 PM - The HOBA team</div>
                <div class="articlerightscripts">http://www.ibelis.com/</div>
                <div class="clearright"></div>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ibelis is a global technology company that focused on developing innovating solutions designed for the creation and management of self-branded online businesses.</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We are based in Montreal, Canada and Ho Chi Minh City, Vietnam. Our goal is to create and manage technology solutions so customers can focus in what they know best, their business.</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Technology is vital in today's life, however, unless you are a technology expert, we believe that there is no reason why users should need to worry about the complexity behind it.</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ibelis has placed an emphasis on developing and providing online services for businesses and individuals. We believe that the best products are delivered to customers by working closely with end-users to understand well their needs and requirements.</p>
            </div><!-- end article_1 -->
            
            <div id="article_2" class="article">
                <img class="left" style="width: 300px; height: 84px" alt="thunderbolt technology" src="http://images.apple.com/thunderbolt/images/hero20110224.jpg" />
                <div class="articleheader"><a href="NewsReader.aspx?f=news_2_xml" id="link_a2">Introducing Thunderbolt</a></div>
                <div class="articleleftscripts">02-25-2011 09:55:00 AM - Apple Inc.</div>
                <div class="articlerightscripts">http://www.apple.com/thunderbolt/</div>
                <div class="clearright"></div>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Thunderbolt is a revolutionary I/O technology that supports high-resolution displays and high-performance data devices through a single, compact port. It sets new standards for speed, flexibility, and simplicity. And it makes its debut in the new MacBook Pro.</p>
            </div><!-- end article_2 -->
            
            <div id="article_3" class="article">
                <img class="left" style="width: 200px; height: 150px" src="http://image.english.vietnamnet.vn/Images/2011/02/26/08/20110226084529_ha long.jpg" alt="Ha Long bay" />
                <div class="articleheader"><a href="NewsReader.aspx?f=news_3_xml" id="link_a3">Ha Long Bay seeks New 7 Wonders of World status</a></div>
                <div class="articleleftscripts">02-26-2011 11:16:00 AM - Tuoi Tre news</div>
                <div class="articlerightscripts">http://www.tuoitre.com.vn</div>
                <div class="clearright"></div>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The campaign to collect votes for Ha Long Bay to be recognized as one of the New 7 Wonders of the World in November this year is entering the final stages, said an official from the Ministry of Culture, Sports and Tourism.</p>
            </div><!-- end article_3 -->
            
            <div id="article_4" class="article">
                <img class="left" style="width: 106px; height: 150px" src="http://www.idecaf.gov.vn/dulieu/Web_vong_loai_1.jpg" alt="Concours Idecaf 2011" />
                <div class="articleheader"><a href="NewsReader.aspx?f=news_4_xml" id="link_a4" >Idecaf song contest tests your French</a></div>
                <div class="articleleftscripts">02-25-2011 11:02:00 AM - Tuong Vy</div>
                <div class="articlerightscripts">http://english.thesaigontimes.vn/home/entertainment/music/15400/</div>
                <div class="clearright"></div>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Idecaf is inviting young Vietnamese people to enter a competition to test the contestants’ French speaking skills and knowledge of songs. The contest called “Learning Vietnamese-French culture 2011” with the theme “Fun with songs” will receive registrations until March 15 at Idecaf.</p>
            </div><!-- end article_4 -->
        </div>
        
        <div class="rearpanel">
        </div>
        
        <div class="footer">
            <h4>© Copyright 2007-2011 <a href="http://www.ibelis.vn/" target="_blank">Ibelis Corporation</a>. An internship project by HOBA team.</h4>
        </div>
    </body>
</html>
